#root{
	height: 100%;
}
.box{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
}
.box .main{
	flex: 1;
	overflow: auto;
}
.box .foot{
	height: 1.5rem;
	border-top: 1px grey solid;
}

.box .foot ul{
	display: flex;
	height: 100%;
	justify-content: space-around;
	align-items: center;
}

.box .foot ul a{
	color: black;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.box .foot ul a span{
	display: block;
	font-size: 25px;
}
.box .foot ul a p{
	color: gray;
}
.box .foot ul .active{
	color: plum;
}

.haha{
	height: 100%;
	background: snow;
	overflow: auto;
	position: relative;
	
}
.heihei{
	height: 100%;
	
	display: flex;
	flex-direction: column;
	align-items: center;
}
.haha .ub01{
	width: 100%;
	height: 7.5rem;
}
.haha .ub02{
	width: 90%;
	height: 3rem;
	margin-top: .3rem;
}

.haha .dzcd,.haha .cjtj{
	width: 90%;
	margin-top: .8rem;
}
.haha .dzcd h3,.haha .cjtj h3{
	font-size: 24px;
}
.haha .dzcd p,.haha .cjtj p{
	margin-top: .2rem;
}
.haha .dzcd img,.haha .cjtj img{
	width: 100%;
	height: 3rem;
	margin-top: .3rem;
}
.haha p{
	margin: .3rem 0 .3rem;
}

